<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>牛轧</title>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
    <div id="login" >
        <div class="bigbotton">
            <div class="minbotton" >
                <img src="images/wxlog.png" alt="">
                <span @click="gologin">微信登录</span>
            </div>
        </div>
        <div id="Agreement">
            <span id="Agreements">
                <img src="images/xuanz.png" alt=""v-if="hidden">
            </span>
            <span class="font" @click="login">同意用户使用协议</span>
            <span class="frame" @click="chs">
            </span>
        </div>
        <div class="warning">
            <ul>
                <li>抵制不良游戏</li>
                <li>拒绝盗版游戏</li>
                <li>注意自我保护</li>
                <li>谨防上当受骗</li>
                <li>适当游戏益脑</li>
                <li>沉迷游戏伤身</li>
                <li>合理安排时间</li>
                <li>享受健康生活</li>
            </ul>
        </div>
        <div class="xiaoframe">
            <img src="images/xieryi.png" alt="">
            <div class="ment">
                <h2>aaaaaa</h2>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
                <p>bbbbbbbbbbbbbbbbbb</p>
            </div>
            <div class="fork" @click="none"></div>
        </div>
        <div class="Tips">
                <div class="title">
                    提示
                </div>
            <div class="content">
                请确认并同意用户协议！
            </div>
            <div class="buttom">
               <div class="buttoms" @click="neones"> 确定</div>
            </div>
        </div>
    </div>

</body>
<script src="vue/vue.min.js"></script>
<script src="js/index.js"></script>
</html>